<!-- Slider --> <div class="sliderContainer"> <div id="rangeSlider"></div> </div> <!-- // Slider END -->
@import "http://localhost/shared/components/library/jquery-ui/css/jquery-ui.min.css"; @import "http://localhost/shared/components/modules/admin/sliders/range-sliders/assets/lib/jqrangeslider/css/iThing.css"; @import "http://localhost/shared/components/modules/admin/sliders/range-sliders/assets/custom/less/range-sliders.less";
<head>
section of your HTML document, before any JavaScript files: <link type="stylesheet/less" href="styles.less" />
NOTE All the styles from the CORE package also need to be imported in this file, before the component imports.
HEAD You should include the following scripts in the head section of the document, right before the closing </head>
tag, after styles.
<script src="assets/components/library/jquery-ui/js/jquery-ui.min.js?v=v1.2.3"></script> <script src="assets/components/plugins/jquery-ui-touch-punch/jquery.ui.touch-punch.min.js?v=v1.2.3"></script>
BODY You should include the following scripts at the end of the HTML document, right before the closing </body>
tag.
<script src="assets/components/modules/admin/sliders/range-sliders/assets/lib/mousewheel/jquery.mousewheel.min.js?v=v1.2.3"></script> <script src="assets/components/modules/admin/sliders/range-sliders/assets/lib/jqrangeslider/js/jQAllRangeSliders-withRuler-min.js?v=v1.2.3"></script> <script src="assets/components/modules/admin/sliders/range-sliders/assets/custom/js/range-sliders.init.js?v=v1.2.3"></script>
<!-- Slider --> <div class="sliderContainer"> <div id="rangeSliderDate"></div> </div> <!-- // Slider END -->
@import "http://localhost/shared/components/library/jquery-ui/css/jquery-ui.min.css"; @import "http://localhost/shared/components/modules/admin/sliders/range-sliders/assets/lib/jqrangeslider/css/iThing.css"; @import "http://localhost/shared/components/modules/admin/sliders/range-sliders/assets/custom/less/range-sliders.less";
<head>
section of your HTML document, before any JavaScript files: <link type="stylesheet/less" href="styles.less" />
NOTE All the styles from the CORE package also need to be imported in this file, before the component imports.
HEAD You should include the following scripts in the head section of the document, right before the closing </head>
tag, after styles.
<script src="assets/components/library/jquery-ui/js/jquery-ui.min.js?v=v1.2.3"></script> <script src="assets/components/plugins/jquery-ui-touch-punch/jquery.ui.touch-punch.min.js?v=v1.2.3"></script>
BODY You should include the following scripts at the end of the HTML document, right before the closing </body>
tag.
<script src="assets/components/modules/admin/sliders/range-sliders/assets/lib/mousewheel/jquery.mousewheel.min.js?v=v1.2.3"></script> <script src="assets/components/modules/admin/sliders/range-sliders/assets/lib/jqrangeslider/js/jQAllRangeSliders-withRuler-min.js?v=v1.2.3"></script> <script src="assets/components/modules/admin/sliders/range-sliders/assets/custom/js/range-sliders.init.js?v=v1.2.3"></script>
<!-- Slider --> <div class="sliderContainer"> <div id="rangeSliderEdit" class="rangeslider-success"></div> </div> <!-- // Slider END -->
@import "http://localhost/shared/components/library/jquery-ui/css/jquery-ui.min.css"; @import "http://localhost/shared/components/modules/admin/sliders/range-sliders/assets/lib/jqrangeslider/css/iThing.css"; @import "http://localhost/shared/components/modules/admin/sliders/range-sliders/assets/custom/less/range-sliders.less";
<head>
section of your HTML document, before any JavaScript files: <link type="stylesheet/less" href="styles.less" />
NOTE All the styles from the CORE package also need to be imported in this file, before the component imports.
HEAD You should include the following scripts in the head section of the document, right before the closing </head>
tag, after styles.
<script src="assets/components/library/jquery-ui/js/jquery-ui.min.js?v=v1.2.3"></script> <script src="assets/components/plugins/jquery-ui-touch-punch/jquery.ui.touch-punch.min.js?v=v1.2.3"></script>
BODY You should include the following scripts at the end of the HTML document, right before the closing </body>
tag.
<script src="assets/components/modules/admin/sliders/range-sliders/assets/lib/mousewheel/jquery.mousewheel.min.js?v=v1.2.3"></script> <script src="assets/components/modules/admin/sliders/range-sliders/assets/lib/jqrangeslider/js/jQAllRangeSliders-withRuler-min.js?v=v1.2.3"></script> <script src="assets/components/modules/admin/sliders/range-sliders/assets/custom/js/range-sliders.init.js?v=v1.2.3"></script>
<!-- Slider --> <div class="sliderContainer"> <div id="rangeSliderFormatter"></div> </div> <!-- // Slider END -->
@import "http://localhost/shared/components/library/jquery-ui/css/jquery-ui.min.css"; @import "http://localhost/shared/components/modules/admin/sliders/range-sliders/assets/lib/jqrangeslider/css/iThing.css"; @import "http://localhost/shared/components/modules/admin/sliders/range-sliders/assets/custom/less/range-sliders.less";
<head>
section of your HTML document, before any JavaScript files: <link type="stylesheet/less" href="styles.less" />
NOTE All the styles from the CORE package also need to be imported in this file, before the component imports.
HEAD You should include the following scripts in the head section of the document, right before the closing </head>
tag, after styles.
<script src="assets/components/library/jquery-ui/js/jquery-ui.min.js?v=v1.2.3"></script> <script src="assets/components/plugins/jquery-ui-touch-punch/jquery.ui.touch-punch.min.js?v=v1.2.3"></script>
BODY You should include the following scripts at the end of the HTML document, right before the closing </body>
tag.
<script src="assets/components/modules/admin/sliders/range-sliders/assets/lib/mousewheel/jquery.mousewheel.min.js?v=v1.2.3"></script> <script src="assets/components/modules/admin/sliders/range-sliders/assets/lib/jqrangeslider/js/jQAllRangeSliders-withRuler-min.js?v=v1.2.3"></script> <script src="assets/components/modules/admin/sliders/range-sliders/assets/custom/js/range-sliders.init.js?v=v1.2.3"></script>
<!-- Slider --> <div class="sliderContainer"> <div id="rangeSliderWArrows" class="rangeslider-warning"></div> </div> <!-- // Slider END -->
@import "http://localhost/shared/components/library/jquery-ui/css/jquery-ui.min.css"; @import "http://localhost/shared/components/modules/admin/sliders/range-sliders/assets/lib/jqrangeslider/css/iThing.css"; @import "http://localhost/shared/components/modules/admin/sliders/range-sliders/assets/custom/less/range-sliders.less";
<head>
section of your HTML document, before any JavaScript files: <link type="stylesheet/less" href="styles.less" />
NOTE All the styles from the CORE package also need to be imported in this file, before the component imports.
HEAD You should include the following scripts in the head section of the document, right before the closing </head>
tag, after styles.
<script src="assets/components/library/jquery-ui/js/jquery-ui.min.js?v=v1.2.3"></script> <script src="assets/components/plugins/jquery-ui-touch-punch/jquery.ui.touch-punch.min.js?v=v1.2.3"></script>
BODY You should include the following scripts at the end of the HTML document, right before the closing </body>
tag.
<script src="assets/components/modules/admin/sliders/range-sliders/assets/lib/mousewheel/jquery.mousewheel.min.js?v=v1.2.3"></script> <script src="assets/components/modules/admin/sliders/range-sliders/assets/lib/jqrangeslider/js/jQAllRangeSliders-withRuler-min.js?v=v1.2.3"></script> <script src="assets/components/modules/admin/sliders/range-sliders/assets/custom/js/range-sliders.init.js?v=v1.2.3"></script>
<!-- Slider --> <div class="sliderContainer"> <div id="rangeSliderRulerDate" class="rangeslider-success"></div> </div> <!-- // Slider END -->
@import "http://localhost/shared/components/library/jquery-ui/css/jquery-ui.min.css"; @import "http://localhost/shared/components/modules/admin/sliders/range-sliders/assets/lib/jqrangeslider/css/iThing.css"; @import "http://localhost/shared/components/modules/admin/sliders/range-sliders/assets/custom/less/range-sliders.less";
<head>
section of your HTML document, before any JavaScript files: <link type="stylesheet/less" href="styles.less" />
NOTE All the styles from the CORE package also need to be imported in this file, before the component imports.
HEAD You should include the following scripts in the head section of the document, right before the closing </head>
tag, after styles.
<script src="assets/components/library/jquery-ui/js/jquery-ui.min.js?v=v1.2.3"></script> <script src="assets/components/plugins/jquery-ui-touch-punch/jquery.ui.touch-punch.min.js?v=v1.2.3"></script>
BODY You should include the following scripts at the end of the HTML document, right before the closing </body>
tag.
<script src="assets/components/modules/admin/sliders/range-sliders/assets/lib/mousewheel/jquery.mousewheel.min.js?v=v1.2.3"></script> <script src="assets/components/modules/admin/sliders/range-sliders/assets/lib/jqrangeslider/js/jQAllRangeSliders-withRuler-min.js?v=v1.2.3"></script> <script src="assets/components/modules/admin/sliders/range-sliders/assets/custom/js/range-sliders.init.js?v=v1.2.3"></script>
<!-- Slider --> <div class="sliderContainer"> <div id="rangeSliderRuler" class="rangeslider-danger"></div> </div> <!-- // Slider END -->
@import "http://localhost/shared/components/library/jquery-ui/css/jquery-ui.min.css"; @import "http://localhost/shared/components/modules/admin/sliders/range-sliders/assets/lib/jqrangeslider/css/iThing.css"; @import "http://localhost/shared/components/modules/admin/sliders/range-sliders/assets/custom/less/range-sliders.less";
<head>
section of your HTML document, before any JavaScript files: <link type="stylesheet/less" href="styles.less" />
NOTE All the styles from the CORE package also need to be imported in this file, before the component imports.
HEAD You should include the following scripts in the head section of the document, right before the closing </head>
tag, after styles.
<script src="assets/components/library/jquery-ui/js/jquery-ui.min.js?v=v1.2.3"></script> <script src="assets/components/plugins/jquery-ui-touch-punch/jquery.ui.touch-punch.min.js?v=v1.2.3"></script>
BODY You should include the following scripts at the end of the HTML document, right before the closing </body>
tag.
<script src="assets/components/modules/admin/sliders/range-sliders/assets/lib/mousewheel/jquery.mousewheel.min.js?v=v1.2.3"></script> <script src="assets/components/modules/admin/sliders/range-sliders/assets/lib/jqrangeslider/js/jQAllRangeSliders-withRuler-min.js?v=v1.2.3"></script> <script src="assets/components/modules/admin/sliders/range-sliders/assets/custom/js/range-sliders.init.js?v=v1.2.3"></script>
<!-- Slider --> <div class="sliderContainer"> <div id="rangeSliderStep"></div> </div> <!-- // Slider END -->
@import "http://localhost/shared/components/library/jquery-ui/css/jquery-ui.min.css"; @import "http://localhost/shared/components/modules/admin/sliders/range-sliders/assets/lib/jqrangeslider/css/iThing.css"; @import "http://localhost/shared/components/modules/admin/sliders/range-sliders/assets/custom/less/range-sliders.less";
<head>
section of your HTML document, before any JavaScript files: <link type="stylesheet/less" href="styles.less" />
NOTE All the styles from the CORE package also need to be imported in this file, before the component imports.
HEAD You should include the following scripts in the head section of the document, right before the closing </head>
tag, after styles.
<script src="assets/components/library/jquery-ui/js/jquery-ui.min.js?v=v1.2.3"></script> <script src="assets/components/plugins/jquery-ui-touch-punch/jquery.ui.touch-punch.min.js?v=v1.2.3"></script>
BODY You should include the following scripts at the end of the HTML document, right before the closing </body>
tag.
<script src="assets/components/modules/admin/sliders/range-sliders/assets/lib/mousewheel/jquery.mousewheel.min.js?v=v1.2.3"></script> <script src="assets/components/modules/admin/sliders/range-sliders/assets/lib/jqrangeslider/js/jQAllRangeSliders-withRuler-min.js?v=v1.2.3"></script> <script src="assets/components/modules/admin/sliders/range-sliders/assets/custom/js/range-sliders.init.js?v=v1.2.3"></script>
<!-- Slider --> <div class="sliderContainer"> <div id="rangeSliderWheelScroll"></div> </div> <!-- // Slider END -->
@import "http://localhost/shared/components/library/jquery-ui/css/jquery-ui.min.css"; @import "http://localhost/shared/components/modules/admin/sliders/range-sliders/assets/lib/jqrangeslider/css/iThing.css"; @import "http://localhost/shared/components/modules/admin/sliders/range-sliders/assets/custom/less/range-sliders.less";
<head>
section of your HTML document, before any JavaScript files: <link type="stylesheet/less" href="styles.less" />
NOTE All the styles from the CORE package also need to be imported in this file, before the component imports.
HEAD You should include the following scripts in the head section of the document, right before the closing </head>
tag, after styles.
<script src="assets/components/library/jquery-ui/js/jquery-ui.min.js?v=v1.2.3"></script> <script src="assets/components/plugins/jquery-ui-touch-punch/jquery.ui.touch-punch.min.js?v=v1.2.3"></script>
BODY You should include the following scripts at the end of the HTML document, right before the closing </body>
tag.
<script src="assets/components/modules/admin/sliders/range-sliders/assets/lib/mousewheel/jquery.mousewheel.min.js?v=v1.2.3"></script> <script src="assets/components/modules/admin/sliders/range-sliders/assets/lib/jqrangeslider/js/jQAllRangeSliders-withRuler-min.js?v=v1.2.3"></script> <script src="assets/components/modules/admin/sliders/range-sliders/assets/custom/js/range-sliders.init.js?v=v1.2.3"></script>
<!-- Slider --> <div class="sliderContainer"> <div id="rangeSliderWheelZoom"></div> </div> <!-- // Slider END -->
@import "http://localhost/shared/components/library/jquery-ui/css/jquery-ui.min.css"; @import "http://localhost/shared/components/modules/admin/sliders/range-sliders/assets/lib/jqrangeslider/css/iThing.css"; @import "http://localhost/shared/components/modules/admin/sliders/range-sliders/assets/custom/less/range-sliders.less";
<head>
section of your HTML document, before any JavaScript files: <link type="stylesheet/less" href="styles.less" />
NOTE All the styles from the CORE package also need to be imported in this file, before the component imports.
HEAD You should include the following scripts in the head section of the document, right before the closing </head>
tag, after styles.
<script src="assets/components/library/jquery-ui/js/jquery-ui.min.js?v=v1.2.3"></script> <script src="assets/components/plugins/jquery-ui-touch-punch/jquery.ui.touch-punch.min.js?v=v1.2.3"></script>
BODY You should include the following scripts at the end of the HTML document, right before the closing </body>
tag.
<script src="assets/components/modules/admin/sliders/range-sliders/assets/lib/mousewheel/jquery.mousewheel.min.js?v=v1.2.3"></script> <script src="assets/components/modules/admin/sliders/range-sliders/assets/lib/jqrangeslider/js/jQAllRangeSliders-withRuler-min.js?v=v1.2.3"></script> <script src="assets/components/modules/admin/sliders/range-sliders/assets/custom/js/range-sliders.init.js?v=v1.2.3"></script>